import './assets/css/theme.css'
import { createApp } from 'vue'
import { createPinia } from 'pinia'
import clickOutside from 'v-click-outside'
import '@fortawesome/fontawesome-free/css/all.min.css' // 5+ CSS
import piniaPluginPersistedstate from 'pinia-plugin-persistedstate'
import axios from 'axios'

import App from './App.vue'
import router from './router'
import '@fortawesome/fontawesome-free/css/all.css'

// 配置axios全局拦截器
axios.interceptors.request.use(
  (config) => {
    // 从localStorage获取JWT令牌
    const token = localStorage.getItem('token')
    if (token) {
      config.headers.Authorization = `Bearer ${token}`
    }
    return config
  },
  (error) => {
    return Promise.reject(error)
  }
)

// 配置axios响应拦截器处理401和500错误
axios.interceptors.response.use(
  (response) => {
    return response
  },
  (error) => {
    // 处理401未授权错误
    if (error.response?.status === 401) {
      console.log('身份验证失败，请重新登录')
      // 清除过期的token
      localStorage.removeItem('token')
      // 重定向到登录页面
      router.push('/login')
    }

    // 处理500服务器错误
    if (error.response?.status === 500) {
      console.error('服务器错误:', error.response?.data || '未知服务器错误')
      // 如果是用户中心相关的API请求，可能是用户会话过期
      if (
        error.config?.url?.includes('/api/user/') ||
        error.config?.url?.includes('/api/statistics/')
      ) {
        console.log('用户会话可能已过期，尝试重新获取用户信息')
        // 不立即清除token，而是给用户一次重试的机会
        // 如果用户在UserCenter.vue中的mounted钩子检测到问题，它会处理重定向
      }
    }

    return Promise.reject(error)
  }
)
const pinia = createPinia()
pinia.use(piniaPluginPersistedstate) // 启用持久化插件

const app = createApp(App)

app.directive('click-outside', clickOutside)
app.use(pinia)
app.use(router)

app.mount('#app')
